<template>
  <div class="success">
    <img src="@/assets/images/success.png" alt="" />
    <div>{{ $route.query.title || title }}</div>
    <div @click="link" class="point">查看委托</div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {
      title: "您的业务委托已申请成功",
    };
  },

  methods: {
    link() {
      let name = this.$route.query.name;
      this.title = this.$route.query.title;
      this.$router.push({
        name: name, //'jGoods'
      });
    },
  },

  computed: {},

  mounted() {},
};
</script>
<style lang="scss" scoped>
.success {
  width: 100%;
  padding: 16% 0 30% 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  img {
    width: 145px;
    height: 145px;
  }
  div:first-of-type {
    font-size: 20px;
    font-family: PingFang SC-Medium-Regular, PingFang SC-Medium;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin: 43px 0 28px;
  }
  div:last-of-type {
    font-size: 20px;
    font-family: PingFang SC-Medium-Regular, PingFang SC-Medium;
    font-weight: 400;
    color: #0f47b8;
    line-height: 20px;
  }
  .point {
    cursor: pointer;
  }
}
</style>
